import { use, useDebugValue, useDeferredValue, useEffect, useInsertionEffect, useMemo } from "react";
import { useState, useRef, useLayoutEffect } from "react";
import axios from "axios";
import './App.scss'
import List from "./20-List";


//自定义hooks
function useMyHook(value){
  //useDebugValue是显示在React开发者工具中的标签名，让你看到标记
  useDebugValue('myHooksTest')
  return value *2
}
function App(){

const count = useMyHook(100)
const [a,setA]=useState('')


  return (
    <div>
      <h1 className="rotate">APP----useMyHook---{count}---{a}</h1>
      <button onClick={() => {

      }}>求点击-------{count}</button>

    </div>
  );
}

export default App;
